<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/all-use.css"/>
    <link rel="stylesheet" type="text/css" href="../css/bs.css"/>
    <script src="../js/jquery-3.6.0.slim.min.js"></script>
    <script src="../js/popper.js"></script>
    <script src="../js/bootstrap.js"></script>
    <title></title>
</head>
<body class="all-background">
<div>
    <div class="pos-fixed">
        <div class="fixed-set">
            预约时间选择
        </div>
    </div>
    <div class="out-top">
    </div>
    <!--主体-->
    <div style="margin-top: 20px">
        <div class="container">
            <div class="left">
                <div class="btn-group-vertical btn-list" role="group" aria-label="Basic example" id="current-Location-Meeting-Room">
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                    <button type="button" class="btn btn-secondary btn-list-set">会议室101</button>
                </div>
            </div>
            <div class="right">
                <div class="container all-background">
                    <div class="row table-shadow">
                        <table class="table-sty">
                            <thead>
                            <tr>
                                <th id="date_0">2月20日</th>
                                <th id="date_1">2月21日</th>
                                <th id="date_2">2月22日</th>
                                <th id="date_3">2月22日</th>
                                <th id="date_4">2月23日</th>
                            </tr>
                            </thead>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_0">8:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_0">8:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_0">8:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_0">8:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_0">8:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_1">9:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_1">9:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_1">9:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_1">9:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_1">9:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_2">10:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_2">10:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_2">10:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_2">10:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_2">10:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_3">11:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_3">11:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_3">11:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_3">11:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_3">11:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_4">12:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_4">12:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_4">12:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_4">12:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_4">12:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_5">13:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_5">13:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_5">13:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_5">13:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_5">13:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_6">14:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_6">14:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_6">14:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_6">14:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_6">14:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_7">15:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_7">15:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_7">15:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_7">15:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_7">15:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_8">16:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_8">16:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_8">16:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_8">16:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_8">16:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_9">17:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_9">17:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_9">17:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_9">17:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_9">17:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_10">18:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_10">18:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_10">18:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_10">18:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_10">18:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_11">19:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_11">19:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_11">19:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_11">19:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_11">19:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_12">20:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_12">20:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_12">20:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_12">20:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_12">20:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_13">21:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_13">21:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_13">21:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_13">21:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_13">21:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_14">22:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_14">22:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_14">22:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_14">22:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_14">22:00</button></td>
                            </tr>
                            <tr>
                                <td><button class="table-btn-noselect" id="date_0_15">23:00</button></td>
                                <td><button class="table-btn-noselect" id="date_1_15">23:00</button></td>
                                <td><button class="table-btn-noselect" id="date_2_15">23:00</button></td>
                                <td><button class="table-btn-noselect" id="date_3_15">23:00</button></td>
                                <td><button class="table-btn-noselect" id="date_4_15">23:00</button></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--主体-->
    <!--按钮部分-->
    <div>
        <div class="nav-next-back">
            <div>
                <button class="button-back btn-primary button-shadow" id="previous-step">
                    上一步
                </button>
            </div>
            <div>
                <button class="button-next btn-primary button-shadow" id="next-step">
                    下一步
                </button>
            </div>
        </div>
    </div>
    <div class="out-bottom-sp">
    </div>
    <!--按钮部分-->
    <!-- 底部导航栏-->
    <div id="mynav">
        <ul class="nav nav-pills nav-fill">
            <li class="nav-item nav-width">
                <button class="nav-link nav-height active" onclick="jumpToBook()">预约会议室</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link  nav-height " onclick="jumpToSearch()">查看占用</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link nav-height ">个人中心</button>
            </li>
        </ul>
    </div>
    <!--底部导航栏-->
</div>
<div></div>
</body>
</html>











